﻿<UserControl
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
    mc:Ignorable="d" 
	xmlns:ic="clr-namespace:Microsoft.Expression.Interactivity.Core;assembly=Microsoft.Expression.Interactions"
	xmlns:i="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity"
	xmlns:n="http://nRoute/schemas/2010/xaml"
    x:Class="nRoute.Samples.OfficerXcel.ViewServices.Controls.HeaderNotification" 
    MinWidth="250" MinHeight="25" MaxHeight="250">
	
    <Grid x:Name="LayoutRoot" Visibility="Collapsed" Opacity="0">
    	<VisualStateManager.VisualStateGroups>
    		<VisualStateGroup x:Name="NotificationStateGroup">
    			<VisualState x:Name="HiddenState">
    				<Storyboard>
    					<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="LayoutRoot" Storyboard.TargetProperty="(UIElement.Opacity)">
    						<EasingDoubleKeyFrame KeyTime="00:00:00.6000000" Value="0">
    							<EasingDoubleKeyFrame.EasingFunction>
    								<CubicEase EasingMode="EaseInOut"/>
    							</EasingDoubleKeyFrame.EasingFunction>
    						</EasingDoubleKeyFrame>
    					</DoubleAnimationUsingKeyFrames>
    					<ObjectAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="LayoutRoot" Storyboard.TargetProperty="(UIElement.Visibility)">
    						<DiscreteObjectKeyFrame KeyTime="00:00:00.6000000">
    							<DiscreteObjectKeyFrame.Value>
    								<Visibility>Collapsed</Visibility>
    							</DiscreteObjectKeyFrame.Value>
    						</DiscreteObjectKeyFrame>
    					</ObjectAnimationUsingKeyFrames>
    				</Storyboard>
    			</VisualState>
    			<VisualState x:Name="VisibleState">
    				<Storyboard>
    					<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="LayoutRoot" Storyboard.TargetProperty="(UIElement.Opacity)">
    						<EasingDoubleKeyFrame KeyTime="00:00:00.6000000" Value="1">
    							<EasingDoubleKeyFrame.EasingFunction>
    								<CubicEase EasingMode="EaseInOut"/>
    							</EasingDoubleKeyFrame.EasingFunction>
    						</EasingDoubleKeyFrame>
    					</DoubleAnimationUsingKeyFrames>
    					<ObjectAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="LayoutRoot" Storyboard.TargetProperty="(UIElement.Visibility)">
    						<DiscreteObjectKeyFrame KeyTime="00:00:00">
    							<DiscreteObjectKeyFrame.Value>
    								<Visibility>Visible</Visibility>
    							</DiscreteObjectKeyFrame.Value>
    						</DiscreteObjectKeyFrame>
    					</ObjectAnimationUsingKeyFrames>
    				</Storyboard>
    			</VisualState>
    		</VisualStateGroup>
    	</VisualStateManager.VisualStateGroups>
		
    	<VisualStateManager.CustomVisualStateManager>
    		<ic:ExtendedVisualStateManager/>
    	</VisualStateManager.CustomVisualStateManager>
		
		<!-- HEADER -->
    	<Border VerticalAlignment="Top" BorderBrush="#FFBDBABA" BorderThickness="1" MinHeight="35"
			MouseLeftButtonUp="Header_MouseLeftButtonUp" Cursor="Hand">
			
    		<Border.Effect>
    			<DropShadowEffect BlurRadius="4" Color="#FF818080"/>
    		</Border.Effect>
    		<Border.Background>
    			<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
    				<GradientStop Color="#FFF8F164" Offset="0.307"/>
    				<GradientStop Color="#FFFAF48B" Offset="1"/>
    				<GradientStop Color="#FFF9F380" Offset="0.302"/>
    				<GradientStop Color="#FFFFFDD5" Offset="0.09"/>
    			</LinearGradientBrush>
    		</Border.Background>
            
            <!--  TextOptions.TextHintingMode="Animated" this makes it worse!! -->
    		<TextBlock x:Name="HeaderText" Text="Welcome" TextWrapping="Wrap" 
				Margin="8,6,42,6" FontSize="13.333" />

    	</Border>
		
		<!-- BUTTON GLOW -->
    	<Border x:Name="border" Height="19" HorizontalAlignment="Right" Margin="0,1,7,0"
		 	VerticalAlignment="Top" Width="30" BorderThickness="1" CornerRadius="0,0,5,5"
			BorderBrush="#FF940505" Background="White" Visibility="Collapsed">
    		<Border.Effect>
    			<DropShadowEffect BlurRadius="10" Color="Red" Direction="0" ShadowDepth="0"/>
    		</Border.Effect>
    	</Border>
		
		<!-- BUTTON -->
    	<Border Height="18" HorizontalAlignment="Right" Margin="0,1,8,0" VerticalAlignment="Top"
		 	Width="28" BorderThickness="1,0,1,1" CornerRadius="0,0,3,3" Cursor="Hand"
			MouseLeftButtonUp="CloseHeader_MouseLeftButtonUp">
    		<Border.BorderBrush>
    			<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
    				<GradientStop Color="#FF682F2F" Offset="0.668"/>
    				<GradientStop Color="#FF1E0B0B"/>
    			</LinearGradientBrush>
    		</Border.BorderBrush>
    		<Border.Background>
    			<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
    				<GradientStop Color="#FFA10000" Offset="0.559"/>
    				<GradientStop Color="#FF9B4B4B" Offset="0.494"/>
    				<GradientStop Color="#FFAD1818"/>
    				<GradientStop Color="#FFC95C5C" Offset="1"/>
    			</LinearGradientBrush>
    		</Border.Background>
    		<i:Interaction.Triggers>
    			<i:EventTrigger EventName="MouseEnter">
    				<n:TargetedSetPropertyAction TargetName="border" 
						PropertyName="Visibility" Value="Visible"/>
    			</i:EventTrigger>
    			<i:EventTrigger EventName="MouseLeave">
    				<n:TargetedSetPropertyAction TargetName="border" 
						PropertyName="Visibility" Value="Collapsed"/>
    			</i:EventTrigger>
    		</i:Interaction.Triggers>
    		<Path Stretch="Fill" RenderTransformOrigin="0.5,0.5" UseLayoutRounding="False" Data="M0.27082807,6.9839306 L4.3586402,6.9839306 L5.7889514,9.4890909 L7.4477735,6.9839306 L11.24783,6.9839306 L8.1840878,11.2664 L11.467878,15.972039 L7.4477735,15.972039 L5.7889514,13.077563 L3.8339107,15.972039 L0.10156055,15.972039 L3.3684249,11.2664 z" HorizontalAlignment="Center" VerticalAlignment="Center" Width="11.3659992218018" Height="8.9879999160766">
    			<Path.Fill>
    				<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
    					<GradientStop Color="White" Offset="0.476"/>
    					<GradientStop Color="#FFFFDFDF" Offset="0.524"/>
    				</LinearGradientBrush>
    			</Path.Fill>
    			<Path.RenderTransform>
    				<TransformGroup>
    					<ScaleTransform/>
    					<SkewTransform/>
    					<RotateTransform/>
    					<TranslateTransform/>
    				</TransformGroup>
    			</Path.RenderTransform>
    		</Path>
    	</Border>
		
	</Grid>
</UserControl>
